@charset "utf-8";

/* CSS Document */

<style type="text/css">
	#balo-vali {
		background-image: url('../../thoitrangnu-product/LP-786x180-300714-DamNu.jpg');
		background-position: center top;
		background-repeat: no-repeat;
		width: 786px;
		height: 180px;
		position: relative;
	}
	.hotspot {
		position: absolute;
		top: 0px;
		height: 180px;
		display: block;
		background-image: url('../../thoitrangnu-product/LP-786x180-300714-DamNu.jpg');
		background-position: center bottom;
		background-repeat: no-repeat;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		opacity: 0;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	.hotspot:hover,.hotspot.active {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
</style>